#{extends 'templateprojeto.html'/}

 
 	<form action="@{Projetos.novoCapitulo()}" method="post" id="formpro">
    	<fieldset><p><label for='inp'>&{'tituloCapAqui'}</label><input class="form-control" type="text" id="inp" value="${capitulo?.cap_titulo}" name="capitulo.cap_titulo"/></fieldset>
    	<input type="hidden"  id="inp" name="pro_codigo" value="${projeto.pro_codigo}"/>
	<input type="hidden"  id="inp" name="capitulo.cap_codigo" value="${capitulo?.cap_codigo}"/>
		<textarea cols="80" id="editor1" name="capitulo.cap_texto" rows="12">
	${capitulo?.cap_texto}
		</textarea>
		<label>&{'selecioneTilha'}</label>
		 #{select 'capitulo.cap_musica',  items:musicas, valueProperty:'mus_titulo',  labelProperty:'mus_titulo',value:capitulo.cap_musica, class:'form-control' /}
		 
		    <h4>Publicado</h4>
    	 #{select 'capitulo.cap_publicado',  items:publicado, valueProperty:'nome',  labelProperty:'nome',value:capitulo.cap_publicado, class:'form-control' /}
		 
		 <input type="submit" value=&{'criar'} class="btn btn-primary"></input>
		</form> 
	
    	<ul class="nav nav-tabs" id="myTab"> 
     <li ><a href="#profile">&{'personagens'}</a></li> 
     <li class="active"><a href="#messages">&{'notas'}</a></li> 
     <li><a href="#settings">&{'locais'}</a></li></ul>
     <div class="tab-content" id="paneltab">
     	
     <div class="tab-pane" id="profile"> 
      <div class="list-group" >
     #{list items:pers_caps, as:'product'}
  		<a href="@{Projetos.personagem(product)}" class="list-group-item">${product.per_nome}</a>
  	 #{/list}
  		
	</div>
	 <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Novo Personagem</a>
	
	</div>
     <div class="tab-pane" id="messages">
 <div class="list-group" >
     #{list items:notas, as:'product'}
  		<a href="@{Projetos.nota(product)}" class="list-group-item">${product.not_titulo}</a>
  	 #{/list}
  		
	</div>
	 <a data-toggle="modal" href="#modalnota" class="btn btn-primary btn-lg">Nova Nota</a>
	
</div> 
     <div class="tab-pane" id="settings">
     <div class="list-group" >
     #{list items:locais, as:'product'}
  		<a href="@{Projetos.local(product)}" class="list-group-item">${product.loc_nome}</a>
  	 #{/list}
  		
	</div>
	 <a data-toggle="modal" href="#modallocal" class="btn btn-primary btn-lg">Novo Local</a>
	
     </div>
      
   
    
     </div>
  		
 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
       <form action="@{Projetos.addPersonagemCapitulo()}" >
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Adcione um personagem</h4>
        </div>
        <div class="modal-body">
       
        <input type="hidden"  id="inp" name="personagem_capitulo.cap_codigo" value="${capitulo?.cap_codigo}"/>
         <select class="form-control" name="personagem_capitulo.per_codigo">
          #{list items:personagens, as:'product'}

          <a href="@{Projetos.personagem(product)}" class="list-group-item"><option value="${product.per_codigo}">${product.per_nome}</option></a>
          
            #{/list}
      </select>
     
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
          <input type="submit" class="btn btn-primary" value="Adicionar"></input>
        </div>
         </form>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div>
	
	
	
	
 <div class="modal fade" id="modalnota" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Adcione uma nota</h4>
        </div>
        <div class="modal-body">
         <select class="form-control" name="projeto.pro_genero">
         #{list items:notas, as:'product'}
          <a href="@{Projetos.nota(product)}" class="list-group-item"><option>${product.not_titulo}</option></a>
         #{/list}
      </select>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
          <button type="button" class="btn btn-primary">Adicionar</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div>	

  
  
  
  
  <div class="modal fade" id="modallocal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
      <form action="@{Projetos.addLocalCapitulo()}" >
        <div class="modal-header">
         <input type="hidden"  id="inp" name="local_capitulo.capitulo_cap_codigo" value="${capitulo?.cap_codigo}"/>
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Adcione uma nota</h4>
        </div>
        <div class="modal-body">
         <select class="form-control" name="local_capitulo.local_loc_codigo">
         #{list items:locais, as:'product'}
          <a href="@{Projetos.local(product)}" class="list-group-item"><option value="${product.loc_codigo}">${product.loc_nome}</option></a>
         #{/list}
      </select>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
          <input type="submit" class="btn btn-primary" value="Adicionar"></input>
        </div>
         </form>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div>	
 
